/**
 * @params style 此处存放主题类样式，便于后期管理和复用
 * color   颜色类，如边框颜色、字体颜色、header背景色等
 * size		 字体大小、icon等
 * layout	 公共margin、padding、flex布局等布局类的样式
 */
import { PixelRatio } from "react-native";
import { GLOBAL } from '../config/global';
const scale = GLOBAL.SCALE;

export const style = {
	color: {
		border: '#E4E4E4',
		button: '#2AD0B2',
		buttonDisisable: '',
		themeColor: '#0087FF',   //主题色
		headerTitle: '#fff',
		bgGray: '#F4F7FE',  //灰色的背景色
		inputPlaceholder: '#bfbfbf',
		dark: '#404040',
		normal: '#4b4b4b',
		darkGray: '#8b8b8b',
		gray: '#e4e4e4',
		light: '#f6f6f6',
		white: '#ffffff',
		taps: '#FC5454',
		dullGrey: '#F5F5F5',
		black: '#202020',
		smallBlack: '#ddd',
		cerulean: '#0087FF',
		ceruleanUp: '#73b7f3',
		lightRed: '#EE5D5D',
		lightBlue: '#2AD0B2',
		inputPlaceholderColor: '#8B8B8B',
		inputLabelColor: '#505050',
		inputLabelValue: '#222222',
		pink: '#F66464',
		infoBlue: '#EDF3FF',
		extheme: '#2F7BFF',
		timeColor: '#0087FF',
		font1: '#272727',  // 字体颜色
		fontRed1: '#FB3E0C', //
		fontBlue: '#148CFB',
		orange: '#FA6400',
		skyBlue: '#85C0EC',
		navy: '#164A1E'
	},
	size: {
		border: '1',
		headerTitle: '18',
		buttonText: '14',
		title: '14',
		content: '12',
		tabs: {
			width: 26,
			height: 26
		}
	},
	layout: {

	},
	head: {
		headerStyle: {  // 头部整体样式 
			elevation: 0,
			backgroundColor: '#0087FF',
			borderBottomWidth: 0
		},
		headerRight: {   // 右侧文字显示 样式
			marginRight: 15 * scale,
			color: '#fff',
			fontSize: 16 * scale
		},
		headRightEmpty: {
			marginLeft: 18 * scale,
			width: 9 * scale,
			height: 16 * scale
		},
		headerTitleStyle: {
			flex: 1,
			textAlign: 'center'
		},
		headerLeft: {   //箭头左边距离
			marginLeft: 18 * scale,
		},
		headerLeftImg: {   // 左边返回箭头大小
			width: 9 * scale,
			height: 16 * scale
		}
	},
	headTow: {
		headerStyle: {  // 头部整体样式 
			elevation: 0,
			backgroundColor: '#fff',
			borderBottomWidth: 0
		},
		headerStyleWidthBorder: {
			elevation: 0,
			borderBottomWidth: 1 / PixelRatio.get(),
			borderBottomColor: '#E4E4E4',
			backgroundColor: '#fff',
		},
		headerRightImg: {  //搜索图标
			marginRight: 15 * scale,
			width: 16 * scale,
			height: 16 * scale,
			tintColor: '#404040'
		},
		headerRight: {   // 右侧文字显示 样式
			marginRight: 15 * scale,
			color: '#404040',
			fontSize: 14 * scale
		},
	},
	iosStyle: {
		iosBar: {  //针对iphone手机无头部时页面太过置顶的适配
			paddingTop: 24 * scale,
			backgroundColor: '#FFF',
		},
		iphoneX: {
			BottomTab: { //适配iphoneX底部虚拟
				height: 70 * scale,
			}
		}
	}
}
export const toneTheme = {
	defualt: {
		themeColor: '#2F54B3',
		bg: '#EEF1FA'
	}
}